import React from 'react'

import './index.less'
import MonitorList from './list'
import MonitorChart1 from './chart1'
import MonitorChart2 from './chart2'
import MonitorChart3 from './chart3'
import MonitorChart4 from './chart4'

const Monitor = props => {

    return (
        <div className="metadata-wrap">
                <div className="monitor-chart1">
                    <MonitorChart1 />
                </div>
                <div className="monitor-chart2">
                    <MonitorChart2 />
                </div>
                <div className="monitor-chart3">
                    <MonitorChart3 />
                </div>
                <div className="monitor-chart4">
                    <MonitorChart4 />
                </div>
                <div className="monitor-list">
                    <MonitorList />
                </div>
            </div>
    )
}

export default Monitor